/*公用header*/
.tel-icon{display:none}
.contact-tel{display:none;}
.site-header, .site-header *{box-sizing:border-box;}
.site-header { 
  height: 76px; position: relative; z-index: 20; 
  border-bottom:1px solid rgba(0,0,0,.1);
  background-color:#fff;
  font-family:"Microsoft Yahei","Hiragino Sans GB",SimSun,Arial,"Helvetica Neue",Helvetica;
}
.site-header .vam{display:inline-block;vertical-align:middle;}
.site-header a { transition: all .2s ease-in-out; }
.site-header .logo { margin: 0; position: absolute; left:0; top: 9px; }
.site-header .container { position: relative;width:1200px;padding:0;}
.site-header .nav-link { color: #7e7e7e; font-size: 14px; line-height: 76px; }
.site-header .site-util-separator { color: #d2d2d2;float:none;display: inline-block;vertical-align: top; }
.site-header .site-util-cell{float:none;position:absolute;left:300px;bottom:18px;}
.site-header .site-util-member-box{line-height:76px;}
.site-header .site-util-member-box a{color:#333;height:37px;display:inline-block;text-align:center;line-height:37px;}
.site-header .site-util-member-box .site-util-login-box a:first-child{background:url(../images/common/pes_in.png) no-repeat 10px center #f4f4f4;width:102px;padding-left:13px;border-radius:4px 0 0 4px;}
.site-header .site-util-member-box .site-util-login-box a:last-child{background:url(../images/common/com_in.png) no-repeat left center #f4f4f4;width:84px;padding-left:10px;border-radius:0 4px 4px 0;}
.site-header .site-util-member-box a:hover{color:#1265A7;}

.site-header .rh_right{float:right;margin-top:21px;}
.site-header .rh_loginbox{display:none;vertical-align:middle;margin-left:20px;margin-top:3px;color:#353535;}
.site-header .rh_loginbox.on{display:inline-block;}
.site-header .rh_loginbox>a{-webkit-transition:color ease-in-out .2s;transition:color ease-in-out .2s;color:#34495E}

/*菜单*/
.nav-hd { max-width: 850px; height: 76px; float: left; margin-left: 254px; }
.nav-hd > li { float: left; position: relative; }
.nav-hd > li > a { display: block; width: auto; padding: 16px 20px 20px; font-size: 16px; line-height: 36px; text-align: center; border-top: 4px solid transparent;color:#333; }
.nav-hd > li > a:hover{color:#333;}
.nav-hd > li > a:after {height: 24px;background-color: #1B68AE;content: '';position: absolute;width: 0px;border-radius: 25%;top: 47px;left: 50%;border-radius: 60px;transform: translateY(15px) scale(0.1);transition: 0.5s;}
.nav-hd > li > a:hover::after,
.nav-hd > li.on > a:after{width:636px;left:-267px;}
.nav-hd > li > a.cn_i2:hover::after,
.nav-hd > li > a.cn_i2.active:after{width:312px;left:-121px;}
.nav-hd > li.current > a {}
.nav-hd > li.on > a { }
.nav-hd .icon-down { margin-left: 3px; font-size: 12px; color: #b6c1c9; }
.nav-hd .icon-n { position: absolute; top: 18px; right: 15px; width: 10px; height: 10px; background-color: #e74c3c; font-size: 16px; color: #fff; line-height: 10px; text-indent: -3px; border-radius: 3px; }
.nav-hd > li > .new-add-tip {
  display: block;
  width: 34px;
  height: 16px;
  background-color: #ff2424;
  border-radius: 3px;
  font-size: 13px;
  color: #fff;
  line-height: 13px;
  text-align: center;
  position: absolute;
  right: 3px;
  top: 10px;
  vertical-align: sub;
  font-style: normal;
}
.subnav-hd { display: none; z-index: 90; position: absolute; top: 76px; left: 50%;transform:translateX(-50%); width: auto; box-shadow: 0px 2px 9px 0px rgba(132,132,132,0.5); background: #fff;white-space:nowrap; }
.subnav-hd.subnav-hd-right { right: inherit; left: 0;transform:translateX(0) }
.subnav-ct-hd { float: left; min-width: 104px; transition: all .2s; }
.subnav-ct-hd > li { }
.subnav-ct-hd > li > a { font-weight: 400; display: block; height: 40px; padding: 0 15px; font-size: 14px; color: #333; line-height: 40px; background-color: #fff; white-space: nowrap; text-align: center;position:relative; }
.subnav-ct-hd > li.on > a,
.subnav-ct-hd > li > a:hover { font-size: 14px; color: #0B87DD; font-weight: 400; background-color: #f5f5f5; }
.site-header .rh_loginbox .hr-link{
  font-size:16px;
  /*color:white;*/
}
.site-header .rh_loginbox .hr-link:hover{
  /*color:#f5f5f5;*/
}
.site-header .rh_loginbox .user-link{
  /*color:white;*/
  margin:0 0 0 11px;
  padding:4px 13px;
  border-radius:13px;
  border:1px solid #fff;
  background:none;
  transition:all .25s ease-in-out;
  font-size:13px;
  font-weight:normal!important;
  line-height:18px;
}
.site-header .rh_loginbox .user-link:hover{
  text-decoration:none;
  background-color:#f5f5f5;
  /*color:#3498db !important;*/
}
.site-header.site-header-2019 .rh_loginbox .user-link:hover{
  background:none;
  /*color: #f5f5f5!important;*/
}


.onlogin_box{}
.onlogin_box .un_box{display:inline-block;position:relative;}
.onlogin_box .un_box .un_link{display:block;padding:0;font-size:16px;}
.onlogin_box .un_box .un_link>.rh_username{vertical-align:middle;}
.onlogin_box .un_box .un_link>i{display:inline-block!important;
                                /*vertical-align:middle;*/
                                margin-left:6px;
                                border-right: 5px solid transparent;
                                border-top: 5px solid rgba(0, 0, 0, .3);
                                border-left: 5px solid transparent;
                                content: '';}
.onlogin_box .un_box .un_list{position:absolute;top:-430px;right:0;background:#fff;
                              width:0;padding:0;display:none;
                              /*transition:top ease-in-out .3s;*/
                              border-radius: 4px!important;z-index: 1000;padding-top: 10px;
                              box-shadow: 5px 5px rgba(102,102,102,.1);
                              list-style: none;text-shadow: none;
                              padding: 0;background-color: #fff;
                              margin: 10px 0 0;border: 1px solid #eee;
                              font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.onlogin_box .un_box .un_list.on{top:40px;width:113px;display:block;}
.onlogin_box .un_box .un_list>li{display:block;}
.onlogin_box .un_box .un_list>li>a{display:block;padding:14px 8px;color:#353535;
                                   transition:background-color ease-in-out .2s;
                                   padding:8px 16px 8px 26px;color: #6e6e6e;text-decoration: none;
                                   display: block;font-weight: 300;line-height: 18px;
                                   white-space: nowrap;text-align:left;font-size:16px;}
.onlogin_box .un_box .un_list>li>a:hover{background:#efefef;}
/*.onlogin_box .un_box:hover .un_list{right:0;width:123px;border:1px solid #dfdfdf;}*/
.onlogin_box .un_box .un_list:before{position:absolute;top:-8px;right:19px;left:auto;
                                           display:inline-block!important;
                                           border-right:8px solid transparent;
                                           border-bottom:8px solid #e0e0e0;
                                           border-left:8px solid transparent;
                                           content:'';}

/* 第二版 右侧咨询部分 start */
.onlogin-wrap{
  width:70px;
  height:296px;
  position: fixed!important;
  right: 0;
  top: 50%;
  z-index: 99999;
  _position:absolute;
  _top:expression(eval(document.documentElement.scrollTop+200));
  transform:translateY(-50%);
}
.onlogin-wrap ul{height:165px; position: relative;}
.onlogin-wrap ul li{
  border: 1px solid #ddd;
  width:70px;
  height:70px;
  position: absolute;
  top:0;
  right:0;
  background:rgba(0, 0, 0, .4);
  transition:all .4s ease-in-out;
}
.onlogin-wrap ul li::before{
  content: "";
  background-color: rgba(59,135,255, 1);
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  width: 0;
  transition: all .8s ease;
  z-index:2;
}
.onlogin-wrap ul li:hover::before{
  width:100%;
}
.onlogin-wrap ul li *{
  transition:all .48s linear;
}
.onlogin-wrap ul li.first{}
.onlogin-wrap ul li.second{top:76px;}
.onlogin-wrap ul li.third{top:152px;}
.onlogin-wrap ul li.last{top:228px;}
.onlogin-wrap ul li:hover{
  width:166px;
  border-color:rgba(221,221,221,1);
  /*background:#3B87FF;*/
}
.onlogin-wrap ul li .ow-wximg{
  position:absolute;
  left:-150px;
  bottom:0;
  -ms-transform: translateX(66px);
  -webkit-transform: translateX(66px);
  transform: translateX(66px);
  -webkit-transition: opacity 1s,-webkit-transform 1s;
  transition: opacity 1s,-webkit-transform 1s;
  transition: transform 1s,opacity 1s;
  transition: transform 1s,opacity 1s,-webkit-transform 1s;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  opacity: 0;
  padding:0;
  width:0;
  height:0;
  overflow:hidden;
}
.onlogin-wrap ul li:hover .ow-wximg{
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  width:150px;
  height:150px;
}
.onlogin-wrap ul li .ow-item{
  display: inline-block;
  overflow: hidden;
  width: 97%;
  white-space: nowrap;
}
.onlogin-wrap ul li .ow-item-in{
  display: none;
  width: 0%;
  line-height: 70px;
  overflow: hidden;
  white-space: nowrap;
}
.onlogin-wrap ul li:hover .ow-item{
  display:none;
}
.onlogin-wrap ul li:hover .ow-item-in{
  display:block;
  width:100%;
}
.onlogin-wrap ul li .ow-item .ow-stxt{
  display:block;
  font-size:12px;
  vertical-align:middle;
}
.onlogin-wrap ul li .ow-item-in .ow-btxt{
  display:inline-block;
  vertical-align:middle;
  font-size:14px;
}
.onlogin-wrap ul li a{
  display: block;
  color:white;
  text-align:center;
  height:70px;
  position:relative;
  z-index:3;
}
.onlogin-wrap ul li .ow-img{
  margin:14px 0 8px 0;
  width:20px;
  height:20px;
  vertical-align:middle;
}
.onlogin-wrap ul li:hover .ow-img{
  margin:0;
}
.onlogin-wrap ul li .ow-txt{
  display:block;
  font-size:12px;
  vertical-align:middle;
}
.onlogin-wrap ul li:hover .ow-txt{
  margin-left:8px;
  display:inline-block;
  font-size:14px;
}
/* 第二版 右侧咨询部分 end */